import React, { Component } from 'react';
import 'rsuite/dist/styles/rsuite.min.css';
import { Button, IconButton, ButtonGroup, ButtonToolbar,Table } from 'rsuite';

const { Column, HeaderCell, Cell, Pagination } = Table;

export default class CustomRsuiteTb extends Component {
    constructor(props) {
        super(props);
        this.state = {};
    }

    renderColumns = () => {
        const { columns } = this.props;
        return columns.map((item) => {
            return (
                <Column flexGrow={1} key={item.key}>
                    <HeaderCell>{item.title}</HeaderCell>
                    <Cell dataKey={item.dataIndex} />
                </Column>
            );
        });
    };

    render() {
        return <Table {...this.props} >{this.renderColumns()}</Table>;
        // return(
        //     <div>
        //         <Button>Default</Button>
        //     </div>
        // )
    }

    // render() {
    //     const { data } = this.state;
    //     return (
    //         <div>
    //             <Table
    //                 height={400}
    //                 data={data}
    //                 isTree
    //                 onExpandChange={(isOpen, rowData) => {
    //                     console.log(isOpen, rowData);
    //                 }}
    //                 renderTreeToggle={(icon, rowData) => {
    //                     if (rowData.labelName === '手机') {
    //                         return <Icon icon="spinner" spin />;
    //                     }
    //                     return icon;
    //                 }}
    //             >
    //                 <Column flexGrow={1}>
    //                     <HeaderCell>Label</HeaderCell>
    //                     <Cell dataKey="labelName" />
    //                 </Column>
    //
    //                 <Column width={100}>
    //                     <HeaderCell>Status</HeaderCell>
    //                     <Cell dataKey="status" />
    //                 </Column>
    //
    //                 <Column width={100}>
    //                     <HeaderCell>Count</HeaderCell>
    //                     <Cell dataKey="count" />
    //                 </Column>
    //             </Table>
    //         </div>
    //     );
    // }
}